* {
  padding: 0px;
  margin: 0px;
}
a {
  text-align: center;
}
ul,
ol li {
  list-style: none;
}
html,
body {
  height: 100%;
  position: relative;
}
.out {
  outline: 1px solid red;
}
.swiper-container {
  height: 100%;
}
.first .start {
  background: #000000;
  height: 100%;
}
.first .start .one {
  color: #fff;
  font-size: 31.25vw;
  line-height: 31.25vw;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -9.375vw;
  margin-top: -15.625vw;
  text-align: center;
  display: inline-block;
  height: 31.25vw;
}
.first .start .two {
  color: #fff;
  font-size: 31.25vw;
  line-height: 31.25vw;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -9.375vw;
  margin-top: -15.625vw;
  text-align: center;
  display: inline-block;
  height: 31.25vw;
}
.first .start .three {
  color: #fff;
  font-size: 31.25vw;
  line-height: 31.25vw;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -9.375vw;
  margin-top: -15.625vw;
  text-align: center;
  display: inline-block;
  height: 31.25vw;
}
.first .start_2 {
  text-align: center;
  width: 28.125vw;
  font-size: 100px;
  color: #fff;
  position: absolute;
  left: 15%;
  top: 10%;
  float: left;
}
.first .start_3 {
  text-align: center;
  width: 28.125vw;
  font-size: 100px;
  color: #fff;
  position: absolute;
  right: 15%;
  top: 10%;
  float: left;
  line-height: 120px;
}
.first .start_4 {
  text-align: center;
  width: 100%;
  font-size: 100px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -15.625vw;
  float: left;
  line-height: 120px;
}
.first .start_5 {
  text-align: center;
  width: 28.125vw;
  font-size: 130px;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 12.5vw;
  margin-left: -15.625vw;
  float: left;
  line-height: 160px;
}
.first .start_5 a {
  color: orangered;
  text-decoration: none;
}
.first .start_6 {
  text-align: center;
  width: 100%;
  font-size: 100px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -15.625vw;
  float: left;
  line-height: 120px;
}
.first .start_7 {
  text-align: center;
  width: 28.125vw;
  font-size: 100px;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 12.5vw;
  margin-left: -15.625vw;
  float: left;
  line-height: 130px;
}
.first .start_8 {
  text-align: center;
  width: 28.125vw;
  font-size: 120px;
  color: #fff;
  position: absolute;
  left: 8%;
  top: 3.125vw;
}
.first .start_9 {
  text-align: center;
  width: 28.125vw;
  font-size: 120px;
  color: #fff;
  position: absolute;
  left: 25%;
  top: 25%;
}
.first .start_10 {
  text-align: center;
  width: 28.125vw;
  font-size: 120px;
  color: #fff;
  position: absolute;
  left: 40%;
  top: 50%;
}
.first .start_11 {
  text-align: center;
  width: 28.125vw;
  font-size: 120px;
  color: #fff;
  position: absolute;
  left: 60%;
  top: 75%;
}
.end {
  background: #080808;
  height: 100%;
  position: relative;
}
.end .downbg {
  position: absolute;
  width: 100%;
  bottom: 0px;
}
.end .left1 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}
.end .left2 {
  width: 10%;
  position: absolute;
  top: 6.25vw;
  left: 2.5vw;
}
.end .logo {
  width: 25vw;
  height: 12.5vw;
  position: absolute;
  top: 25px;
  left: 40px;
}
.end .dh {
  width: 60%;
  height: 50%;
  background: url(../img/bg.gif);
  position: absolute;
  left: 24%;
  top: 15%;
}
.end .w {
  width: 35%;
  position: absolute;
  left: 22%;
  top: 5%;
}
.end .m {
  width: 35%;
  position: absolute;
  left: 49%;
  top: 19%;
}
.end .b {
  width: 40%;
  position: absolute;
  left: 22%;
  top: 31%;
}
.end .y {
  width: 35%;
  position: absolute;
  left: 49%;
  top: 38%;
}
.end .yang {
  width: 43%;
  position: absolute;
  left: 33%;
  top: 50%;
}
.end .right {
  width: 10%;
  position: absolute;
  top: 46.875vw;
  right: 0.625vw;
}
.end .mohu {
  position: absolute;
  top: 3.75vw;
  left: 0.625vw;
}
.end .jr {
  position: absolute;
  bottom: 20%;
  width: 60%;
  left: 20%;
}
